<!DOCTYPE html>
<html>
<head>
<title>网页作业</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Modern CV Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/swipebox.css">
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<link href='//fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
</head>
	
<body>
	<div class="banner_body">
		<div class="container">
			<div class="w3ls_logo_nav">
				<div class="w3ls_logo_nav_right">
					<div class="sap_tabs">
						<div class="w3ls_logo_nav_left">
							<h1><a href="index.html">我的简历</a></h1>
						</div>
						<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
							<div class="resp-tabs-container">
								
								<ul class="resp-tabs-list">
									<li class="resp-tab-item" aria-controls="tab_item-1" id="tab_item-1">基本信息</li>
									<li class="resp-tab-item" aria-controls="tab_item-2" id="tab_item-2">学习经历</li>
									<li class="resp-tab-item" aria-controls="tab_item-3" id="tab_item-3">掌握技能</li>
									<li class="resp-tab-item" aria-controls="tab_item-4" id="tab_item-4">求职方向</li>
									<li class="resp-tab-item" aria-controls="tab_item-5" id="tab_item-5">兴趣爱好</li>
								</ul>
								<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
				<!-- home -->					
									<div class="wthree_tab_content">
										<img src="images/banner.jpg" alt=" " class="img-responsive" />
										<div class="wthree_tab_content_pos">
											<div class="wthree_tab_content_pos_grid">
												<h2 style="background:none;border:none;">纪琳杰</h2>
												<ul class="address">
													<li>
														<ul class="address-text">
															<li><b>电话：</b></li>
															<li>17380145894</li>
														</ul>
													</li>
													<li>
														<ul class="address-text">
															<li><b>QQ:</b></li>
															<li>1059880480</li>
														</ul>
													</li>
													<li>
														<ul class="address-text">
															<li><b>E-mail：</b></li>
															<li><a href="mailto:example@mail.com"> 1059880480@qq.com</a></li>
														</ul>
													</li>
													<li>
														<ul class="address-text">
															<li><b>地址：</b></li>
															<li><a href="http://w3layouts.com">四川华新现代职业学院</a></li>
														</ul>
													</li>
												</ul>
											</div>
										</div>
									</div>
				<!-- //home -->
								</div>
								<div class="tab-2 resp-tab-content" aria-labelledby="tab_item-2">
				<!-- about -->
									<div class="agile_about">
										
									</div>
									<div class="agileits_agile_about" style="height:400px;display:block;">
								        <ul>
					                       <li><h1>2004-2005:就读于兴隆小学</h1></li>
					                       <li><h1>2010-2013：就读于通江县实验中学（初中）</h1></li>
					                       <li><h1>2013-2016：就读于通江县职业高级中学（中专）</h1></li>
					                       <li><h1>期间在寒暑假时间段学习服务器和计算机组装维护，精通办公软件，英语过4级。在读大学期间自学flash以及HTML会一些css和会java节假时间常在外兼职  有过许多阅历经验 自主办事有自主办事能力</h1></li>
					                    </ul>									
					                </div>
				<!-- //about -->
								</div>
								<div class="tab-3 resp-tab-content" aria-labelledby="tab_item-3">
				<!-- work -->
									<div class="agile_about">	
									</div>
									<div class="agileits_agile_about">
										<div class="agileits_agile_about_portfolio">
											<div class="col-md-4 agileits_agile_about_portfolio_left">
												<div class="w3_portfolio_grid view second-effect">
													<a href="images/2.jpg" class="swipebox" title="01">
														<img src="images/2.jpg" alt=" " class="img-responsive" />
														<div class="mask">
															<p>HTML</p>
														</div>
													</a>
												</div>
											</div>
											<div class="col-md-4 agileits_agile_about_portfolio_left">
												<div class="w3_portfolio_grid view second-effect">
													<a href="images/3.jpg" class="swipebox" title="02">
														<img src="images/3.jpg" alt=" " class="img-responsive" />
														<div class="mask">
															<p>Flash</p>
														</div>
													</a>
												</div>
											</div>
											<div class="col-md-4 agileits_agile_about_portfolio_left">
												<div class="w3_portfolio_grid view second-effect">
													<a href="images/4.jpg" class="swipebox" title="03">
														<img src="images/4.jpg" alt=" " class="img-responsive" />
														<div class="mask">
															<p>PS</p>
														</div>
													</a>
												</div>
											</div>
											<div class="clearfix"> </div>
										</div>
											<div class="clearfix"> </div>
										</div>
										<!-- swipe box js -->
										<script src="js/jquery.swipebox.min.js"></script> 
											<script type="text/javascript">
												jQuery(function($) {
													$(".swipebox").swipebox();
												});
										</script>
										<!-- //swipe box js -->
									</div>
				<!-- //work -->
								</div>
								<div class="tab-4 resp-tab-content" aria-labelledby="tab_item-4">
				<!-- blog -->
									<div class="agile_about">
										
									</div>
									<div class="agileits_agile_about"  style="height:400px;display:block;">
									 <ul>
									 <li><h1>在今天这样一个信息高速发展的时代，计算机成为了企业和个人不可缺少的一部分，无论是在工作中还是在生活中，它的身影到处可见。然而，随着社会发展速度的加快，IT人才短缺的现象却日益严重。凭着计算机专业良好的发展空间，计算机应用技术也成为最热门的专业之一。</h1></li>
									 <li><h1>我希望以后的工作首先是我自己喜欢的，喜欢才有动力干。</h1></li>
									 <li><h1>工作我希望同时也是薪水不错的，不会太低。</h1></li>	
									</div>
				<!-- //blog -->
								</div>
								<div class="tab-5 resp-tab-content" aria-labelledby="tab_item-5">
				<!-- contact -->
									<div class="agile_about">
										
									</div>
									<div class="agileits_agile_about"  style="height:400px;display:block;">
										<h1>我待人友善，待事认真、负责、忠于职守，具有责任感。做人原则是要真诚待人，别人才能真诚待你。所以重友谊，重视与朋友之间的感情。为人热情乐于助人。性格随和，乐于与人相处。我喜欢看电影，听音乐，打游戏。
										</h1>
									</div>
									
								</div>
			<!-- //contact -->
							</div>
						</div>
						
					</div>
					<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
						<script type="text/javascript">
							$(document).ready(function () {
								$('#horizontalTab').easyResponsiveTabs({
									type: 'default', //Types: default, vertical, accordion           
									width: 'auto', //auto or any width like 600px
									fit: true   // 100% fit in a container
								});
							});			
						</script>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="agileits_copyright">
				<p>版权所有，切勿模仿</p>
			</div>
		</div>
	</div>
<!-- for bootstrap working -->
<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
</body>
</html>